﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/Content/jquery-easyui-1.3.1/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/Content/jquery-easyui-1.3.1/themes/icon.css" rel="stylesheet" />
    <script src="~/Content/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
    <script src="~/Content/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
    <script src="~/Content/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
    <script src="~/Scripts/datapattern.js"></script>
    <script type="text/javascript">
        $(function () {
            initTable();
            //隐藏添加对话框
            $("#addDialogDiv").hide();
            //隐藏修改对话框
            $("#editDialogDiv").hide();

            //隐藏设置角色对话框
            $("#setRoleDialogDiv").hide();

            //隐藏设置特殊权限对话框
            $("#setActionDialogDiv").hide();

            bindSearchBtnClick();
        });

        //绑定搜索查询条件
        function bindSearchBtnClick() {
            $("#btnSearch").click(function () {
                var data = { schName: $("#txtSchName").val(), schRemark: $("#txtSchRemark").val() };
                initTable(data);
            });
        }

        //初始化表格
        function initTable(queryParam) {
            $('#tt').datagrid({
                url: '/UserInfo/GetAllUserInfos',
                title: '用户信息列表',
                width: 700,
                height: 400,
                fitColumns: true,
                idField: 'ID',
                loadMsg: '正在加载用户的信息...',
                pagination: true,
                singleSelect: false,
                pageSize:10,
                pageNumber:1,
                pageList: [10, 20, 30],
                queryParams: queryParam, //表格加载数据的时候，额外传输的数据
                columns: [[
						{ field: 'ck', checkbox: true, align: 'left', width: 50 },
						{ field: 'ID', title: '用户编号', width: 80 },
						{ field: 'UName', title: '用户名', width: 120 },
                        { field: 'Pwd', title: '密码', width: 120 },
                        { field: 'ShowName', title: '昵称', width: 120 },
                        { field: 'Remark', title: '备注', width: 120 },
						{
						    field: 'ModfiedOn', title: '修改时间', width: 120, align: 'right',
						    formatter:function(value,row,index){
						        return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d h:m:s.S");
						    }
						},
                        {
                            field: 'SubTime', title: '提交时间', width: 120, align: 'right',
                            formatter: function (value, row, index) {
                                return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d h:m:s.S");
                            }
                        },
                        {
                            //field  返回数据中的字段，并且未绑定
                            field: 'DelFlag', title: '操作', width: 120,
                            formatter: function (value, row, index) {
                                var str = "";
                                str += "<a href='javascript:void(0);' class='editLinks' uid='" + row.ID + "'>修改</a>&nbsp;&nbsp;";
                                str += "<a href='javascript:void(0);' class='deleteLinks' uid='" + row.ID + "'>删除</a>";;
                                return str;
                            }
                        }
        ]],
        toolbar: [{
            id: 'btnAdd',
            text: '添加用户',
            iconCls: 'icon-add',
            handler: function () {
                //alert("添加用户");
                //弹出添加对话框
                addClickEven();
            }
        }, {
            id: 'btnEdit',
            text: '修改',
            iconCls: 'icon-edit',
            handler: function () {
                //获取选中项
                var selectedRows = $("#tt").datagrid("getSelections");
                //是否选中一个用户
                if (selectedRows.length != 1) {
                    //error,question,info,warning
                    $.messager.alert("系统错误提示", "请选择一项要修改的数据", "error");
                    return false;
                }

                editEven(selectedRows[0].ID);
            }
        }, {
            id: 'btnBatchDelete',
            text: '批量删除',
            iconCls: 'icon-cancel',
            handler: function () {
                batchDeleteEven();
            }
        }, {
            id: 'btnSetRole',
            text: '设置角色',
            iconCls: 'icon-redo',
            handler: function () {
                SetRole();
            }
        }, {
            id: 'btnSetAction',
            text: '设置特殊权限',
            iconCls: 'icon-redo',
            handler: function () {
                SetAction();
            }
        }],
            onHeaderContextMenu: function (e, field) {

            },
            onLoadSuccess: function () {
                //修改链接
                $(".editLinks").click(function () {
                    editEven($(this).attr("uid"));
                    return false;
                });
                //删除链接
                $(".deleteLinks").click(function () {
                    $.post("/UserInfo/Delete", { id: $(this).attr("uid") }, function (data) {
                        if (data == "ok") {
                            //刷新数据
                            initTable();
                        } else {
                            $.messager("系统错误提示", "删除失败", "error");
                        }
                    });
                    return false;
                });
            }
        });
        }

        //设置特殊权限
        function SetAction() {
            //判断是否选择一个用户进行角色设置
            //获取选中项
            var selectedRows = $("#tt").datagrid("getSelections");
            //是否选中一个用户
            if (selectedRows.length != 1) {
                //error,question,info,warning
                $.messager.alert("系统错误提示", "请选中一个用户设置特殊权限", "error");
                return false;
            }

            $("#setActionFrame").attr("src", "/UserInfo/SetAction/" + selectedRows[0].ID);

            //弹出设置角色对话框
            $("#setActionDialogDiv").show();
            $("#setActionDialogDiv").dialog({
                title: "设置用户特殊权限",
                modal: true,
                width: 600,
                height: 400,
                collapsible: true,
                minimizable: true,
                maximizable: true,
                resizable: true
            });
        }

        //设置角色
        function SetRole() {
            //判断是否选择一个用户进行角色设置
            //获取选中项
            var selectedRows = $("#tt").datagrid("getSelections");
            //是否选中一个用户
            if (selectedRows.length != 1) {
                //error,question,info,warning
                $.messager.alert("系统错误提示", "请选中一个用户设置角色", "error");
                return false;
            }

            $("#setRoleFrame").attr("src", "/UserInfo/SetRole/" + selectedRows[0].ID);

            //弹出设置角色对话框
            $("#setRoleDialogDiv").show();
            $("#setRoleDialogDiv").dialog({
                title: "设置用户角色",
                modal: true,
                width: 400,
                height: 400,
                collapsible: true,
                minimizable: true,
                maximizable: true,
                resizable: true,
                buttons: [{
                    id: 'btnOK',
                    text: '设置',
                    iconCls: 'icon-ok',
                    handler: function () {
                        $("#setRoleFrame")[0].contentWindow.submitForm();
                    }
                }, {
                    id: 'btnCancel',
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                        //关闭对话框
                        $("#setRoleDialogDiv").dialog("close");
                    }
                }]
            });
        }
        //设置角色成功后有子容器调用
        function afterSetRoleSuccess() {
            //关闭对话框
            $("#setRoleDialogDiv").dialog("close");
            //刷新数据
            initTable();
        }
        //设置角色失败后有子容器调用
        function afterSetRoleError(msg) {
            $.messager.alert("系统错误提示", msg, "error");
        }

        //弹出添加对话框
        function addClickEven() {
            $("#addDialogDiv").show();

            $("#addDialogDiv").dialog({
                title: "添加用户",
                modal: true,
                width: 400,
                height: 400,
                collapsible: true,
                minimizable: true,
                maximizable: true,
                resizable: true,
                buttons: [{
                    id: 'btnOK',
                    text: '添加',
                    iconCls: 'icon-add',
                    handler: subAddForm
                },{
                    id: 'btnCancel',
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                        //关闭对话框
                        $("#addDialogDiv").dialog("close");
                    }
                }]

            });
        }

        //提交用户信息
        function subAddForm() {
            $.ajax({
                type: 'post',
                url: '/UserInfo/Add/',
                data: $("#addDialogDiv form").serialize(),
                success: function (data) {
                    if (data == "ok") {
                        //关闭对话框
                        $("#addDialogDiv").dialog("close");
                        //刷新表格数据
                        initTable();
                    } else {
                        //错误信息
                        $.messager.alert(data);
                    }
                }
            });
        };

        //点击批量删除按钮执行
        function batchDeleteEven() {

            //获取选中项
            var selectedRows = $("#tt").datagrid("getSelections");
            if (selectedRows.length <= 0) {
                //error,question,info,warning
                $.messager.alert("系统错误提示", "请选中要删除的数据", "error");
                return false;
            }

            //拼接字符串   ids: 1,2,3 
            var ids = "";
            for (var key in selectedRows) {
                ids = ids + selectedRows[key].ID + ",";
            }
            //去除最后一个","
            ids = ids.substr(0, ids.length - 1);
            //alert(ids);
            $.post("/UserInfo/BatchDelete", { ids: ids }, function (data) {
                if (data=="ok") {
                    //刷新数据
                    initTable();
                } else {
                    $.messager("系统错误提示", "删除失败", "error");
                }
            });
        }

        //修改
        function editEven(id) {
            //给 editFrame 的 src 属性赋值
            $("#editFrame").attr("src", "/UserInfo/Edit/" + id);

            $("#editDialogDiv").show();
            $("#editDialogDiv").dialog({
                title: "修改用户",
                modal: true,
                width: 400,
                height: 400,
                collapsible: true,
                minimizable: true,
                maximizable: true,
                resizable: true,
                buttons: [{
                    id: 'btnOK',
                    text: '修改',
                    iconCls: 'icon-ok',
                    handler: function () {
                        $("#editFrame")[0].contentWindow.submitForm();
                    }
                }, {
                    id: 'btnCancel',
                    text: '取消',
                    iconCls: 'icon-cancel',
                    handler: function () {
                        //关闭对话框
                        $("#editDialogDiv").dialog("close");
                    }
                }]

            });
        }
        //修改成功后有子容器调用
        function afterEditSuccess() {
            //关闭对话框
            $("#editDialogDiv").dialog("close");
            //刷新数据
            initTable();
        }
        //修改失败后有子容器调用
        function afterEditError(msg) {
            $.messager.alert("系统错误提示", msg, "error");
        }

    </script>
</head>
<body>
    <div style="margin-bottom:10px;">
        用户名：<input type="text" id="txtSchName"/>
        备注：<input type="text" id="txtSchRemark" />
        <input type="button" id="btnSearch" value="搜索"/>
    </div>

    <!--当前页放表格数据的地方放-->
    <table id="tt" style="width: 700px;" title="标题，可以使用代码进行初始化，也可以使用这种属性的方式" iconcls="icon-edit"></table>

    <!------------------------  弹出添加对话框 begin  ----------------->
    <div id="addDialogDiv">
        <form action="/" method="post">
            <table>
                <tr>
                    <td>用户名：</td>
                    <td><input type="text" name="UName"/></td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td><input type="text" name="Pwd" /></td>
                </tr>
                <tr>
                    <td>昵称：</td>
                    <td><input type="text" name="ShowName" /></td>
                </tr>
                <tr>
                    <td>备注：</td>
                    <td><input type="text" name="Remark" /></td>
                </tr>
            </table>
        </form>
    </div>
    <!------------------------  弹出添加对话框 end  ----------------->


    <!------------------------  弹出修改对话框 begin  ----------------->
    <div id="editDialogDiv">
        <iframe id="editFrame" src="javascript:void(0);" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
    </div>
    <!------------------------  弹出修改对话框 end  ----------------->

    <!------------------------  弹出设置角色对话框 begin  ----------------->
    <div id="setRoleDialogDiv">
        <iframe id="setRoleFrame" src="javascript:void(0);" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
    </div>
    <!------------------------  弹出设置角色对话框 end  ----------------->

    <!------------------------  弹出设置特殊权限对话框 begin  ----------------->
    <div id="setActionDialogDiv">
        <iframe id="setActionFrame" src="javascript:void(0);" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
    </div>
    <!------------------------  弹出设置特殊权限对话框 end  ----------------->
</body>
</html>
